.item-project-type{
	margin-left: -30rpx;
	.item-box{
		margin-left: 30rpx;
		background: #f0f7ff;
		margin-top: 30rpx;
		border-radius: 10rpx;
		overflow: hidden;
		padding: 24rpx;
		padding-bottom: 18rpx;
		.img-box{
			width: 100%;
			height: 160rpx;
			border-radius: 10rpx;
			margin-bottom: 20rpx;
			.img{
				width: 100%;
			}
		}
	}
}
.item-project-type .item-box .text-box{
	height: 50rpx;
	line-height: 50rpx;
	position: relative;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis;
	padding-right: 60rpx;
}
.item-project-type .item-box .text-box::before{
	position: absolute;
	display: block;
	content: '';
	width: 50rpx;
	height: 50rpx;
	background: url(static/icon-arrow-blue.jpg) no-repeat center center;
	background-size: 46rpx;
	right: 0;
}
.contect-title{
	height: 40rpx;
	line-height: 40rpx;
	position: relative;
}
.contect-title::before{
	position: absolute;
	display: block;
	content: '';
	width: 72rpx;
	height: 8rpx;
	border-radius: 8rpx;
	background: #207ce6;
	left: 50%;
	margin-left: -36rpx;
	bottom: -20rpx;
}
.index-map-box{
	width: 100%;
	height: 400rpx;
	background: #f2f2f2;
	overflow: hidden;
}
.contect-list view{
	height: 70rpx;
	line-height: 70rpx;
	position: relative;
	padding-left: 60rpx;
	padding-right: 50rpx;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis
}
.contect-list view::before,.contect-list view::after{
	position: absolute;
	display: block;
	content: '';
	width: 40rpx;
	height: 100%;
	background: #f00;
	top: 0;
}
.contect-list view::before{
	left: 0;
	background: url(static/contect-list-01.png) no-repeat left center;
	background-size: 36rpx;
}
.contect-list view::after{
	right: 0;
	background: url(static/icon-arrow-right-gray.png) no-repeat right center;
	background-size: 20rpx;
}
.content-list view:last-child::after{
	display: none;
}
.contect-list view.icon-phone::before{
	background-image: url(static/contect-list-02.png);
}
.contect-list view.icon-unit::before{
	background-image: url(static/contect-list-03.png);
}
.write-box .item-list{
	margin-bottom: 30rpx;
}
.write-box .item-list .input-box{
	width: 100%;
	height: 80rpx;
	border: #ededed solid 1px;
	margin-top: 20rpx;
	border-radius: 10rpx;
}
.write-box .item-list .input-message{
	height: 140rpx;
}
.btn-box{
	height: 90rpx;
	line-height: 90rpx;
	background: #007afe;
	color: #fff;
	border-radius: 10rpx;
	text-align: center;
}
.tabs-box{
	padding: 28upx 0 16upx 0;
	overflow: hidden;
}
.tabs-box .tabs-item{
	display: inline-block;
	margin-left: 30upx;
}
.tabs-box .tabs-item .line{
	width: 60upx;
	height: 8upx;
	border-radius: 12upx;
	margin: 14upx auto 0 auto;
}
.tabs-box .tabs-item-active{
	color: #007afe;
}
.tabs-box .tabs-item-active .line{
	background: #007afe;
}
.tabs-box-map{
	float: left;
}
.tabs-box-map .tabs-item{
	color: #fff;
}
.tabs-box-map .tabs-item-active{
	color: #ffff00;
}
.tabs-box-map .tabs-item-active .line{
	background: #ffff00;
}

.person-top-banner{
	height: 300upx;
	background:url(@/static/bg-top.jpg) no-repeat top center;
	background-size: cover;
}
.person-top-banner .top-person{
	width: 100%;
	padding-top:30upx;
}
.person-top-banner .top-person .img-photo{
	margin: 0 auto;
	width:140upx;
	height: 140upx;
	border: rgba(255,255,255,.3) solid 6upx;
	border-radius: 50%;
	background:#fff url(@/static/icon-person.png) no-repeat center center;
	background-size: 60upx;
	overflow: hidden;
}
.person-top-banner .top-person .img-photo .image{
	width: 100%;
	height: 120upx;
}
.list-person-mune .item-box{
		width: 85%;
		float: right;
		display: block;
		height: 100upx;
		line-height: 100upx;
		position: relative;
	}
.list-person-mune .item-box::after{
		position: absolute;
		display: block;
		content: '';
		height: 1px;
		width: 100%;
		background-color: #f2f2f2;
		bottom: 0;
		left: 0;
	}
.list-person-mune .item-box:last-child::after{
		display: none;
	}
.list-person-mune .item-box::before{
		position: absolute;
		display: block;
		content: '';
		width: 50upx;
		height: 100upx;
		background: url(@/static/person/icon-mune-01.png) no-repeat center center;
		background-size: 45upx;
		top: 0;
		left: -80upx;
	}
.list-person-mune	.icon-history::before{
		background-image: url(@/static/person/icon-mune-02.png);
	}
.list-person-mune	.icon-opinion::before{
		background-image: url(@/static/person/icon-mune-03.png);
	}
.list-person-mune	.icon-house::before{
		background-image: url(@/static/person/icon-mune-04.png);
	}
.list-person-mune	.icon-about::before{
		background-image: url(@/static/person/icon-mune-05.png);
	}
.list-person-mune	.icon-out::before{
		background-image: url(@/static/person/icon-mune-07.png);
	}
.list-person-mune	.text-edition{
		display: block;
		height: 90upx;
		line-height: 90upx;
		position: relative;
	}
.list-person-mune	.text-edition::after{
		position: absolute;
		content: '';
		display: none;
		width: 14upx;
		height: 14upx;
		border-radius: 50%;
		background-color: #F74C31;
		right: 18upx;
		top: 20upx;
	}
.list-person-mune	.text-edition-active::after{
		display: block;
}
.list-change-infomation{
	margin-bottom: 50upx;
}
.list-change-infomation .list-change-infomation-list{
	overflow: hidden;
	height:100upx;
	line-height: 100upx;
	background: #fff;
	margin-bottom: 50upx;
	border-radius: 10upx;
	padding-left: 50upx;
}
.list-change-infomation .list-change-infomation-list .item-2,.list-change-infomation .list-change-infomation-list .item-25{
	height:100upx;
	line-height: 100upx;
}
.list-change-infomation .list-change-infomation-list .right{
	color: #333;
}
.list-change-infomation .list-change-infomation-list .right .input{
	height:100upx;
	padding: 0 30upx 0 10upx;
	line-height: 70upx;
	background: #fff;
	font-size: 30upx;
	text-align: right;
}
.list-change-infomation .list-change-infomation-list .right .information-radio{
	margin-top: 30upx;
}
.list-change-infomation .list-change-infomation-list .right .img-photo{
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
	overflow: hidden;
	float: right;
	margin-top: 10rpx;
	margin-right: 24upx;
}
.list-change-infomation .list-change-infomation-list .right .img-photo .image{
	width: 100%;
	height: 80upx;
}
.list-change-infomation .list-change-infomation-list .login-input-list{
	padding-left: 30upx;
}
.map-tab-box{
	height: 90rpx;
	position: relative;
}
.map-tab-box .my-tab .my-tab-item{
	padding: 0;
	height: 90rpx;
	line-height: 90rpx;
	padding: 0 20rpx;
}
.map-tab-box .my-tab .my-tab-item .my-tab-text{
	height: 90rpx;
}
.map-tab-box .my-tab .my-tab-item .my-tab-text .name{
	height: 76rpx;
	line-height: 66rpx;
	overflow: hidden;
}
.map-tab-box .my-tab .my-tab-item .my-tab-text .xian{
	top: 0;
}
.map-tab-box .my-tab .my-tab-item.active {
  color:#ffff00;
}
.map-tab-box .my-tab .my-tab-item.active .my-tab-text .xian{
	border:none; //标签底部下边框线 -- 在这里改
	opacity:1;//下边框线透明度 -- 在这里改
	width: 60upx;
	height: 8upx;
	border-radius: 12upx;
	background: #ffff00;
	padding: 0;
	margin: 0 auto;
}


.article-content {
	padding:30upx;
	overflow: hidden;
	line-height: 1.5;
}
.article-content image,.article-content img{
	width: 100%;
}
.article-box {
	padding:24rpx;
	overflow: hidden;
	font-size: 30rpx;
}
.article-box .article-box-list{
	display: block;
	padding: 24upx;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-bottom: 24upx;
}
.article-box .article-box-list .left-img{
	width: 200upx;
	height: 160upx;
	overflow: hidden;
	margin-right: 20upx;
	background-color: #f1f1f1;
}
.article-box .article-box-list .left-img .img{
	width: 100%;
	height: 150upx;
}
.article-box .article-box-list .title{
	max-height: 100upx;
	line-height:1.4;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:96rpx;
}
.article-box .status-finish{
	color: #999;
}
.article-box .status-unfinish .text-status{
	color: #09BB07;
}
.article-box .status-doing .text-status{
	color: #026bff;
}
.article-box .status-fail .text-status{
	color: #f00;
}
.btn-empower{
	width: 70%;
	margin: 80rpx auto 0 auto;
	text-align: center;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 40rpx;
}
.check-info{
	position: relative;
}
.check-info::before{
	position: absolute;
	display: block;
	content: '>';
	width: 40rpx;
	height: 40rpx;
	right: 0;
	top: 50%;
	margin-top: -20rpx;
	color: #999;
	text-align: center;
	line-height: 40rpx;
	font-size: 40rpx;
}
.b-b-c{ border-bottom: #ccc solid 1px;}
.title-common-01{
	background: #FFFFFF;
	padding: 24upx 0;
	border-bottom: #ebebeb solid 1px;
}
.title-common-01 .title{
	color: rgb(10, 154, 255);
	height: 40upx;
	line-height: 46upx;
	border-left: #0a9aff solid 10upx;
	text-indent: 20upx;
	font-size: 34upx;
	overflow: hidden;
}
.infofile-box .file-box-list{
	overflow: hidden;
	color: rgb(10, 154, 255);
	margin-bottom: 30upx;
	margin-top: 10upx;
}
.infofile-box .file-box-list:last-child{
	margin-bottom: 8upx;
}
.write-from .write-from-list{
	margin-bottom: 30rpx;
}
.write-from .write-from-list:last-child{
	margin-bottom: 0;
}
.height-margin{
	height: 24upx;
}
.write-from .write-from-list .uni-input{
	height: 80upx;
	line-height: 80upx;
	padding: 0 30upx;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis
}
.write-from .write-from-list .btn-send{
	right: 0;
	height: 80upx;
	line-height: 80upx;
	width: 240rpx;
	background: #007afe;
	text-align: center;
	color: #fff;
	z-index: 999;
}
.write-file-box .list-box{
	height: 80rpx;
	border-bottom: #f2f2f2 solid 1px;
}
.write-file-box .list-box:last-child{
	border-bottom: none;
}
.write-file-box .list-box .btn-delete{
	width: 60rpx;
	height: 80rpx;
	background:url(static/icon-delete.png) no-repeat right center;
	background-size: 40rpx;
}
.write-file-box .list-box .text-line{
	line-height: 80rpx;
	height: 80rpx;
	width: calc(100% - 70rpx);
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis
}
.btn-add{
	position: fixed;
	right: 30rpx;
	z-index: 9999;
	bottom: 20%;
	width: 80rpx;
	height: 80rpx;
	background: #fff url(static/icon-add.png) no-repeat center center;
	background-size: 40rpx;
	border-radius: 50%;
	    border: 1px solid #ebedf0;
		box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
}
.list-table{
	.list-table-list{
		border-bottom: #f2f2f2 solid 1px;
		display: flex;
		vertical-align: middle;
		.list-table-list-left,.list-table-list-right{
			padding:20upx 24upx;
			min-height: 40upx;
			align-items: center;
			display: flex;
			line-height: 1.3;
			font-size: 30upx;
		}
		.list-table-list-left{
			width: 180upx;
			color: #999;
			display: grid;
			padding-right: 14upx;
		}
		.list-table-list-left-auto{
			width: 100%;
		}
		.list-table-list-auto-content{
			padding:10upx 24upx 20upx 24upx;
			min-height: 40upx;
			line-height: 1.3;
			font-size: 30upx;
		}
		.list-table-list-right{
			-webkit-flex: 1;
			flex: 1;
			font-size: 30upx;
			padding-left: 14upx;
			display: block;
			text-align: right;
		}
		.tc{
			text-align: center;
		}
		.tl{
			text-align: left;
		}
		.icon-type-text{
			position: absolute;
			top: 26upx;
			right: 24upx;
			display: block;
			font-size: 26upx;
			color: #fff;
			width: 40upx;
			height: 40upx;
			text-align: center;
			line-height: 40upx;
			border-radius: 50%;
		}
	}
	.list-table-list-auto{
		border-bottom: none;
		.list-table-list-left,.list-table-list-right{
			padding-bottom: 0;
		}
	}
	.list-table-list-left-btn{
		.list-table-list-left,.list-table-list-right{
			padding: 0;
			text-align: center;
			position: relative;
			height: 80upx;
			line-height: 80upx;
			color: #02a7f0;
		}
		.list-table-list-left{
			width: 50%;
		}
		.list-table-list-right::after{
			position: absolute;
			display: block;
			content: '';
			width: 1px;
			height: 100%;
			top: 0;
			left: 0;
			background: #f2f2f2;
		}
		.btn-icon{
			display: inline-block;
			vertical-align: top;
			margin-right: 10upx;
			height: 80upx;
			line-height: 80upx;
		}
	}
	
}